<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload=function(){
            console.log(location,'loacation对象');
            // 获取三个按钮节点
            var bt1=document.getElementById('bt1');
            var bt2=document.getElementById('bt2');
            var bt3=document.getElementById('bt3');
            var bt4=document.getElementById('forward');
            bt1.onclick=function(){
                // 跳转页面 assgin 输入url地址 产生历史记录
                location.assign('./76-时间.html');
                // 使用href进行页面跳转 产生历史记录
                // location.href='./77-系统对话框.html'
                // 不产生历史记录
                // window.open('./77-系统对话框.html')
            }
            bt2.onclick=function(){
                location.replace('./76-时间.html');
            }
            bt3.onclick=function(){
                // 小刷 向浏览器缓存中请求数据
                // location.reload(false);
                // 大刷 向服务器请求数据
                location.reload(true);
            }
            bt4.onclick=function(){
                // 前进一个历史记录
                history.forward()
            }
            console.log(history.length);
        }
    </script>
</head>
<body>
    <!-- assgin() -->
    <button id="bt1">跳转页面</button>
    <!-- replace() -->
    <button id="bt2">替换页面</button>
    <!-- reload -->
    <button id="bt3">刷新页面</button>
    <!-- 前进一格历史记录 -->
    <button id="forward">前进一页</button>
</body>
</html>